<template>
    <div class="header">
        <div class="header-back"><span  class="iconfont">&#xe60d;</span></div>
        <div class="header-search"><span  class="iconfont">&#xe61a;</span>长沙世界之窗</div>
        <div class="header-city" >长沙<span  class="iconfont">&#xe60c;</span>长沙</div>
    </div>
</template>

<script>
  export default{
    name:'homeHeader'
  }
</script>

<style lang="stylus" scoped>
 .showHeader
   background:#fff
 .header
   line-height:.88rem
   text-align:center
   display:flex
   .showBack
     color:#000
   .header-back
     float:left
     width:.9rem
   .header-search
     flex:1
     height:.6rem
     line-height:.6rem
     margin-top:.2rem
     margin-left:.2rem
     margin-right:.2rem
     border-radius:.5rem
     box-shadow:0 0 .01rem .02rem #ccc
   .showSearch
     color:#aaa
     background:#eee
   .header-city
     float:right
     width:1.4rem
   .showCity
     color:#000
</style>
